@import "moon";


body {
  font-size: 12PX;
  font-family: dang,PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
  color: #333;
}
input, textarea, select {
  font-size:14PX;
  &::placeholder {
    font-size:14PX;
    line-height:1.2em;
  }
}
.bold {
  font-weight:bold !important;
}
.color-red {
  color: $theme-color !important;
}
.color-default {
  color: #333 !important;
}
.color-green {
  color: #16BB00 !important;
}
.noborder {
  border: none !important;
}
.no-bg {background:none !important;}
.border-bottom {
  border-bottom:1px solid #959595;
}
.text-left {
  text-align:left !important;
}
.text-right {
  text-align:right !important;
}
.big-text {
  font-size:30px !important;
  font-weight:bold !important;
  color:$theme-color !important;
}
.no-wrap {
  white-space: nowrap;
}
.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}
.required {
  color:$theme-color !important;
  font-style: normal;
  line-height: inherit;
  padding:0 pxToRem(5px);
  vertical-align: baseline;
}
.relative {
  position:relative;
}
.bg-default {
  background:#F5F5F5;
}
.bg-black {
  background:#000 !important;
}
.no-message {
  color:#868686;
  text-align: center;
  padding:20px;
  font-size: 16PX;
}
.input-hidden {
  height:1px !important;
  width:50vw !important;
  border:0 !important;
  padding:0 !important;
  position: absolute;
  top:0;
  left:0;
  z-index:-1;
  overflow: hidden;
  display: block;
  opacity: 0;
}
.flex {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.flex-1 {
  flex:1;
}
.relative {
  position: relative !important;
}
.icon-radio {
  display:inline-block;
  width:pxToRem(50px);
  height:pxToRem(50px);
  background: url("../../../static/images/dangjian/dangwu/icon-radio.png") no-repeat center;
  background-size: 100% auto;
  &.icon-radio-checked {
    background-image: url("../../../static/images/dangjian/dangwu/icon-radio-check.png");
  }
}
.break-word {
  word-break: break-all;
}
.line-wrap-2 {
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
/*进度*/
.progress {
  min-width:155px;
  display:flex;
  justify-content:center;
  flex-wrap:nowrap;
  align-items:center;
  .percent-wrap {
    display:flex;
    justify-content:flex-start;
    flex-wrap:nowrap;
    align-items:center;
    flex:1;
    height:13px;
    background:rgba(235,235,235,1);
    border-radius:5px;
    .percent {
      height:13px;
      background:rgba(226,0,1,1);
      border-radius:5px;
    }
  }
  .text {
    padding-left:5px;
    width:43px;
    font-size:$tipFontSize;
    text-align: center;
    font-weight:400;
    color:rgba(102,102,102,1);
  }
}

.page {
  padding-top:pxToRem($head-height);
  position: relative;
  overflow-y:auto;
  .head-wrap {
    position: fixed;
    z-index:9;
    top:0;left:0;width:100%;
  }
}
.no-bg {
  .header {
    background:none !important;
  }
}
.header {
  height: pxToRem($head-height);
  line-height: pxToRem($head-height);
  background: $theme-color;
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: pxToRem(36px);
  .back, .btn {
    width: pxToRem(80px);
    height:100%;
    text-align: center;
  }
  .back {
    position: relative;
    .arrow {
      display:block;
      position:absolute;
      top:50%;
      left: pxToRem(36px);
      width: pxToRem(30px);
      height: pxToRem(30px);
      border:2px solid #fff;
      border-width:2px 0 0 2px;
      transform:translate3d(0,-50%,0) rotate(-45deg);
    }
    .fa {
      color:#fff;
      font-size: pxToRem(80px);
    }
  }
  .title {
    line-height: pxToRem($head-height);
    flex: 1;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    margin:0 2em;
    text-overflow: ellipsis;
    span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  .btn {
    .inner {
      position: relative;
      height:100%;
    }
  }
  /*右侧按钮*/
  .head-btn {
    position: absolute;
    top:50%;
    right:pxToRem(30px);
    transform: translate3d(0,-50%,0);
    white-space: nowrap;
    font-size:$tipFontSize;
    border-radius:pxToRem(10px);
    line-height:pxToRem(44px);
    padding: 0 pxToRem(10px);
    font-weight:400;
    text-align: center;
    color:#fff;
    border:1px solid #fff;
  }
  .head-btn-button {
    position: absolute;
    top:50%;
    right:pxToRem(60px);
    transform: translate3d(0,-50%,0);
    white-space: nowrap;
    font-size:$tipFontSize;
    border-radius:pxToRem(10px);
    line-height:pxToRem(44px);
    padding: 0 pxToRem(10px);
    font-weight:400;
    text-align: center;
    color:#fff;
  }
  .head-btn-text {
    position: absolute;
    top:50%;
    right:pxToRem(30px);
    transform: translate3d(0,-50%,0);
    white-space: nowrap;
    font-size:$defaultFontSize;
    border-radius:pxToRem(10px);
    line-height:pxToRem(44px);
    font-weight:400;
    text-align: center;
    color:#fff;
    &.flex {
      display:flex;
      flex-direction: column;
      align-items: center;
    }
    .title {
      line-height:1em;
      font-size:$titleFontSize;
      white-space:nowrap;
    }
    .tip {
      line-height:1em;
      white-space:nowrap;
    }
  }
}
.edit-menu-wrap {
  position:fixed;
  z-index: 9;
  top:0;right:0;left:0;bottom:0;
}
.edit-menu {
  position:absolute;
  background:#fff;
  border-radius:10px;
  z-index: 9;
  right:5px;
  top:$head-height - 10px;
  padding:20px;
  li {
    font-size: 14PX;
    padding: 0.13333rem;
    min-width: 1rem;
    color: #333;
    text-align: center;
  }
}
.header {
  display:flex;
  justify-content: center;
  align-items: center;
  .head-bd {
    flex:1;
    text-align: center;
  }
  .logo {
    width:pxToRem(50px);
    height:pxToRem(50px);
    margin: pxToRem(14px) pxToRem(18px);
    img {
      @include fullImg();
    }
  }
  .message {
    width:pxToRem(38px);
    height:pxToRem(42px);
    margin: pxToRem(22px) pxToRem(18px);
    margin-right: pxToRem(22px);
    position: relative;
    img {
      @include fullImg();
    }
    .number {
      position: absolute;
      font-style: normal;
      top:-20px;
      right:-20px;
      border-radius:100%;
      background: $theme-color;
      color:#fff;
      padding:0 5px;
      width:2em;
      display:block;
      text-align: center;
      font-size:10PX;
    }
  }
}
.name-and-search {
  display:flex;
  justify-content: space-around;
  align-items:center;
  padding: 0 20px;
  .search-wrap {
    padding: 0 20px;
    flex:1;
  }
}
.page {
  height:100vh;
  overflow-y:auto;
  position: relative;
  box-sizing: border-box;
}

.frame-content {
  height:calc(100vh + #{pxToRem(45px)} - #{pxToRem($foot-height)} - #{pxToRem($head-height)});
  overflow: scroll;
  background:$theme-color;
  .inner {
    padding:pxToRem(20px);
  }
}
/*子页没有底部的内容容器*/
.frame-content-sub {
  height:calc(100vh - #{pxToRem(1px)} - #{pxToRem($head-height)});
  overflow: scroll;
  background:$theme-color;
  >.inner {
    padding:pxToRem(20px);
  }
}

.prism-big-play-btn {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
// 红云播客-新版(仿抖音首页)
.podcast_header{
  .header{
    background: #000;
  }
}
.podcast {
  height:100vh;
  width:100vw;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  background: #000;


  .head {
    position: fixed;
    z-index:90;
    top:0;left:0;
    width:100%;


    .header {
      height: pxToRem($head-height);
      line-height: pxToRem($head-height);
      // background: $theme-color;
      background: none;
      display: flex;
      justify-content: space-between;
      color: #fff;
      font-size: pxToRem(36px);
      .back, .btn {
        width: pxToRem(80px);
        height:100%;
        text-align: center;
      }
      .back {
        position: relative;
        .arrow {
          display:block;
          position:absolute;
          top:50%;
          left: pxToRem(36px);
          width: pxToRem(30px);
          height: pxToRem(30px);
          border:2px solid #fff;
          border-width:2px 0 0 2px;
          transform:translate3d(0,-50%,0) rotate(-45deg);
        }
        .fa {
          color:#fff;
          font-size: pxToRem(80px);
        }
      }
      .btn {
        .inner {
          position: relative;
          height:100%;
          line-height: pxToRem($head-height);
          vertical-align:middle;
          text-align:center;
          img{
            width: 50%;
            vertical-align:middle;
          }
        }
      }
    }
  }

  /*块状菜单*/
  .menu {
    display:flex;
    justify-content: space-between;
    padding: pxToRem(15px) pxToRem(25px);
    width: 70vw;
    overflow-x: scroll;
    li {
      white-space:nowrap;
      height:pxToRem(60px);
      line-height:pxToRem(60px);
      font-size:16PX;
      font-style: normal;
      font-weight:400;
      text-align: center;
      padding: 0;
      margin: 0 pxToRem(20px);
      &.width-auto {
        width:auto;
      }
      >span {
        white-space:nowrap;
      }
      &.active {
        color:#fff;
        border-bottom:2px solid #fff;
      }
    }
  }
}


.tab {
  display: flex;
  background: #fff;
  text-align: center;
  margin-bottom: pxToRem(20px);
  padding: pxToRem(20px) pxToRem(10px);
  border-bottom: 1px solid rgba(208,208,208,1);
  li {
    flex: 1;
    border-right: 1px solid #ddd;
    color: #333;
    height: pxToRem(50px);
    &:last-child {
      border: none;
    }
    span {
      min-width: pxToRem(160px);
      height: pxToRem(50px);
      line-height: pxToRem(50px);
      padding:0 10px;
      font-size:16PX;
    }
    &.active {
      span {
        background: $theme-color;
        display: inline-block;
        color: #fff;
        text-align: center;
        border-radius: pxToRem(8px);
      }

    }
  }
}

.list-text {
  .item {
    background: #fff;
    padding: pxToRem(30px);
    margin-bottom: pxToRem(10px);
    .status {
      float: right;
    }
    .cube-swipe-btns .cube-swipe-btn {
      margin-bottom: 10px;
    }
  }
}
.list-text-simple {
  .item {
    display:flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: pxToRem(24px) pxToRem(30px);
    margin-bottom: pxToRem(10px);
    border-bottom:1px solid rgba(229,229,229,1);
    line-height:pxToRem(60px);
    &:first-child {
      border-top:1px solid rgba(229,229,229,1);
    }
    .name {
      font-size:pxToRem(30px);
      font-weight:400;
      color:rgba(51,51,51,1);
    }
    .jump-text {
      float: right;
    }
  }
}
/*带图标的文字列表*/
.list-wenda {
  .item {
    margin-bottom:pxToRem(10px);
    display:flex;
    padding: pxToRem(30px);
    background:#fff;
    .icon {
      .icon-text {
        display:block;
        text-align: center;
        width:pxToRem(32px);
        height:pxToRem(32px);
        line-height:pxToRem(32px);
        background:rgba(226,0,1,1);
        border-radius:pxToRem(10px);
        margin-right:pxToRem(16px);
        margin-top:5px;
        color:#fff;
      }
      .icon-img {
        display:block;
        width:43px;
        height:46px;
        margin-right:pxToRem(16px);
        margin-top:pxToRem(5px);
        img {
          @include fullImg();
        }
      }
      .img {
        width:pxToRem(106px);
        height:pxToRem(106px);
        display:block;
        margin-right:pxToRem(16px);
        margin-top:pxToRem(5px);
        img {
          @include fullImg();
        }
      }
    }
    .text-wrap {
      flex:1;
      .title {
        font-size:$defaultFontSize;
        margin-bottom:pxToRem(12px);
        font-weight:400;
        color:rgba(51,51,51,1);
        display: flex;
        justify-content: space-between;
        align-items:center;
        .status {
          white-space: nowrap;
          font-size:$tipFontSize;
        }
      }
      .tip-normal {
        font-size:$tipFontSize;
        line-height:pxToRem(60px);
        font-weight:400;
        color:rgba(153,153,153,1);
        display:flex;
        justify-content: space-between;
        align-items:center;
        >span {
          margin: 0;
        }
      }
      .tip {
        font-size:$tipFontSize;
        line-height:pxToRem(60px);
        font-weight:400;
        color:rgba(153,153,153,1);
        display:flex;
        justify-content: space-between;
        align-items:center;
        >span {
          margin:0;
          &:first-child {
            width:30%;
          }
          &.one {
            flex:1;
          }
        }
        .btn {
          width:162px;
          margin-left:32px;
          text-align: center;
          font-size:$defaultFontSize;
          font-weight:400;
          color:$theme-color;
          line-height:60px;
          background:rgba(255,255,255,1);
          border:1px solid $theme-color;
          border-radius:10px;
        }
      }
    }
  }
}

.block-head {
  font-size:$tipFontSize;
  font-weight:bold;
  color:rgba(51,51,51,1);
  border-bottom:1px solid rgba(149,149,149,1);
  padding-top: pxToRem(26px);
  padding-bottom: pxToRem(26px);
  padding-left: pxToRem(17px);
  margin-bottom: pxToRem(26px);
  display:flex;
  justify-content: space-between;
  align-items: center;
  .btn {
    margin-left:10px;
    text-align: center;
    width:115px;
    padding:16px 0;
    font-size:$tipFontSize;
    box-sizing: border-box;
    background:rgba(255,255,255,1);
    border:1px solid $theme-color;
    color:$theme-color;
    border-radius:10px;
    &.disable {
      border-color:#999999;
      color:#999999;
    }
  }
}

.filter-wrap {
  display:flex;
  padding:pxToRem(15px) pxToRem(20px);
  justify-content:space-between;
  align-items:center;
  .item {
    flex:1;
    padding:0 pxToRem(10px);
    .cube-select {
      border-radius: pxToRem(11px);
      padding-top:3px;
      padding-bottom:0;
    }
    .cube-select {
      &::after {
        border-radius:5px !important;
      }
    }
    .cube-select > span {
      line-height:2em;
      vertical-align: middle;
    }
  }
  .filter-btn {
    margin:auto;
    margin-left:20px;
    width:164px;
    line-height:60px;
    flex-shrink:0;
    background:rgba(226,0,1,1);
    border-radius:10px;
    font-size:30px;
    font-weight:400;
    color:rgba(255,255,255,1);
    text-align: center;
  }
}
.filter-btns {
  display:flex;
  padding:0 pxToRem(20px);
  flex-wrap: wrap;
  justify-content: space-between;
  .item {
    width:pxToRem(146px);
    height:pxToRem(60px);
    line-height:pxToRem(60px);
    font-size:$defaultFontSize;
    font-style: normal;
    font-weight:400;
    text-align: center;
    background:#fff;
    border:1px solid rgba(173, 173, 173, 1);
    border-radius:pxToRem(10px);
    margin-bottom: pxToRem(30px);
    &.active {
      color:#fff;
      background:rgba(226,0,1,1);
      border:1px solid rgba(226,0,1,1);
    }
  }
}

.default-block-btn {
  margin: pxToRem(20px) pxToRem(0px);
  height: pxToRem(90px);
  line-height: pxToRem(90px);
  font-size: 15PX;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  background: linear-gradient(0deg, rgba(230, 18, 1, 1), rgba(254, 141, 0, 1));
  box-shadow: 0px pxToRem(10px) pxToRem(10px) 0px rgba(232, 28, 1, 0.5);
  border-radius: pxToRem(20px);
  text-align: center;
}

.default-disabled {
  background: #c6c6c6;
  box-shadow: none;
}

/*页面中间部分*/
.inner-content {
  margin: pxToRem(20px);
  padding: pxToRem(10px);
  padding-bottom: pxToRem(30px);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px pxToRem(5px) pxToRem(20px) 0px rgba(0, 0, 59, 0.1);
  border-radius: pxToRem(20px);
  &.no-shadow {
    box-shadow:none;
  }
  .cont-text {
    font-family: dang;
    text-align: justify;
    text-justify: distribute-all-lines;
    img {
      max-width:100%;
      width:100%;
      float: left;
      margin-bottom: 0.5em;
    }
  }
}

.line-tab {
  padding: pxToRem(10px) pxToRem(15px);
  margin-top: pxToRem(22px);
  display: flex;
  border-bottom: 1px solid rgba(149, 149, 149, 1);
  justify-content: space-around;
  li {
    text-align: center;
    position:relative;
    z-index: 2;
    font-size: 15PX;
    &.active {
      color: $theme-color;
      span {
        padding-bottom: pxToRem(10px);
        font-weight: bold;
        border-bottom: 2px solid $theme-color;
      }
    }
    .icon {
      &.icon-msg {
        display:inline-block;
        width:44px;
        height:44px;
        flex-shrink:0;
        background:url('') no-repeat center;
        background-size: 100% 100%;
        position:absolute;
        right:0;
        top:0;
        z-index: 1;
        .num {
          position: absolute;
          font-style: normal;
          top:-20px;
          right:-20px;
          border-radius:100%;
          background: $theme-color;
          color:#fff;
          padding:0 5px;
          width:2em;
          display:block;
          text-align: center;
          font-size:10PX;
        }
      }
    }
  }
}

.text-block {
  display: flex;
  justify-content: space-between;
  padding: pxToRem(22px);
  border-bottom: 1px solid #E5E5E5;
  .name {
    color: #999999;
    font-size: $defaultFontSize;
    &.input-name {
      line-height:pxToRem(40px);
    }
  }
  .value {
    flex:1;
    font-size:$defaultFontSize;
    margin-left:pxToRem(20px);
    color: #333333;
    text-align:right;
    &.flex-between {
      display:flex;
      justify-content: space-between;
      align-items: center;
    }
    input {
      text-align:right;
      font-size:inherit;
      font-family: dang;
      height:pxToRem(40px);
      margin:0;
      color:inherit;
      border:none;
      padding:0 10px;
      &::placeholder {
        font-size: inherit;
      }
    }
    textarea {
      font-family: dang;
      font-size:inherit;
      &::placeholder {
        font-size: inherit;
      }
    }
  }
}
/*头像*/
.avatar-wrap {
  background: $theme-color;
  border-radius: pxToRem(10px);
  display: flex;
  color: #fff;
  .avatar-img {
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 100%;
    width: pxToRem(118px);
    height: pxToRem(118px);
    border:none;
    margin: pxToRem(26px);
    @include imgFullCenter();
  }
  .cont {
    margin: pxToRem(26px) 0;
    .title {
      font-size: pxToRem(30px);
      font-weight: bold;
      .score {
        display:flex;
        .icon-score {
          width:pxToRem(38px);
          height:pxToRem(40px);
          img {
            @include fullImg();
          }
        }
        .number {
          font-size:pxToRem(30px);
          font-weight:400;
          color:rgba(226,0,1,1);
          font-style: normal;
          margin-left:5px;
        }
      }
    }
    .tip {
      font-size:$tipFontSize;
      font-weight:400;
      color:rgba(153,153,153,1);
    }
    .dang-date {
      background:rgba(248,105,0,1);
      border-radius:12px;
      box-sizing: border-box;
      line-height:pxToRem(36px);
      font-size:$tipFontSize;
      margin-top:5px;
      font-weight:400;
      color:#fff;
      width:auto;
      display:inline-block;
      padding:0 8px;
      .icon {
        display:inline-block;
        width:26px;
        height:26px;
        margin-right:5px;
        img {
          position: relative;
          top:2px;
          @include fullImg();
        }
      }
    }
  }
}
.mine-page {
  .avatar-wrap {
    .cont {
      margin-right: pxToRem(40px);
      flex:1;
      .group-name {
        line-height:20px;
        font-size:$tipFontSize;
        margin-top:10px;
        margin-bottom:18px;
      }
      .title {
        font-size:pxToRem(36px);
        font-weight:bold;
        color:rgba(51,51,51,1);
        display:flex;
        justify-content:space-between;
        align-items:center;
      }
    }
  }
}

.start-meeting-btn {
  width: pxToRem(264px);
  height: pxToRem(264px);
  line-height: pxToRem(264px);
  background: linear-gradient(0deg, rgba(227, 2, 1, 1), rgba(255, 144, 0, 1));
  box-shadow: 0px pxToRem(8px) pxToRem(24px) 0px rgba(151, 1, 0, 0.46);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: pxToRem(31.46px);
  margin: pxToRem(260px) auto;
}

.qr-code {
  margin: pxToRem(144px) auto;
  width: 40%;
}

/*文档下载*/
.list-download {
  .item {
    border-bottom: 1px solid rgba(212, 212, 212, 1);
    padding: pxToRem(30px);
    .inner {
      display: flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      .bd {
        flex: 1;
        .title {
          height: auto;
          line-height: 1.2em;
          font-size: pxToRem(30px);
          font-weight: 400;
          color: rgba(51, 51, 51, 1);
          word-break: break-all;
        }
        .tip {
          color: $tip-color;
          padding-top: pxToRem(22px);
        }
      }
      .ft {
        width: pxToRem(162px);
        text-align: right;
        flex-shrink:0;
        margin-left:20px;
      }
      .btn-line {
        text-align: center;
        width: pxToRem(162px);
        height: pxToRem(60px);
        background: rgba(255, 255, 255, 1);
        border: 1px solid $theme-color;
        border-radius: pxToRem(10px);
        font-size: pxToRem(28px);
        font-weight: 400;
        color: rgba(226, 0, 1, 1);
        line-height: pxToRem(60px);
      }
    }

  }
}

/*人员信息列表*/
.people-list {
  &.list-block {
    .people-item {
      border:none;
      background:#fff;
      margin-bottom: pxToRem(10px);
    }
  }
  .people-item {
    display:flex;
    justify-content: space-between;
    align-items:center;
    border-bottom:1px solid #D4D4D4;
    line-height:pxToRem(92px);
    padding:pxToRem(18px) pxToRem(28px);
    .fa {
      line-height:pxToRem(92px);
      font-size:pxToRem(30px);
    }
    .people-info {
      display:flex;
      justify-content: space-between;
      align-items:center;
      .avatar-img {
        margin-right: pxToRem(20px);
      }
    }
    .avatar-img {
      width:pxToRem(92px);
      height:pxToRem(92px);
      border-radius:100%;
      overflow: hidden;
      @include imgFullCenter();
    }
    .name {
      line-height:1.5em;
      font-size: 16PX;
      color:#333333;
    }
    .tip {
      font-size: 14PX;
      line-height: inherit;
      color:#999;
    }
    .btn {
      font-size:$tipFontSize;
      min-width:pxToRem(110px);
      border-radius:pxToRem(10px);
      line-height:pxToRem(50px);
      padding: 0 pxToRem(31px);
      font-weight:400;
      text-align: center;
      color:rgba(226,0,1,1);
      border:1px solid $theme-color;
      &.disable {
        color:#999;
        border:1px solid #999;
      }
      &+.btn {
        margin-top:10px;
      }
    }
  }
}

/*带箭头的列表*/
.list-arrow {
  padding-left: pxToRem(30px);
  background-color: #fff;
  .item {
    padding: pxToRem(30px);
    padding-left: pxToRem(0px);
    border-bottom:1px solid #E5E5E5;
    display:flex;
    justify-content: space-between;
    align-items:center;
    font-size: pxToRem(30px);
    input {
      font-size:inherit;
    }
    .title {
      font-weight:400;
      color:rgba(51,51,51,1);
    }
    .arrow {
      width: pxToRem(16px);
      height: pxToRem(25px);
      background:rgba(199,199,204,1);
      background: url("../../../static/images/dangjian/dangwu/arrow-left.png") no-repeat center;
      background-size: 100% auto;
    }
  }
}

/*通知公告*/
.tongzhi-item {
  margin:pxToRem(20px) pxToRem(20px) pxToRem(10px);
  background:rgba(255,255,255,1);
  box-shadow:0px pxToRem(5px) pxToRem(20px) 0px rgba(0,0,59,0.1);
  border-radius:pxToRem(20px);
  display:flex;
  padding:pxToRem(20px);
  .icon {
    //width:pxToRem(36px);
    //height:pxToRem(36px);
    //background:url("../../../static/images/nav_msg_on.png") no-repeat center;
    width: 55PX;
    height: 55PX;
    margin: 10PX;
    font-size: 20PX;
    color: white;
    text-align: center;
    //background: #2CAAFD;
    line-height: 55PX;
    border-radius: 10%;
    background-size: cover;
  }
  .cont {
    flex:1;
    padding-left:pxToRem(20px);
    .descript {
      margin-top:pxToRem(15px);
    }
    .topSpan {
      font-size: 14PX;
      position: absolute;
      right: 6%;
      margin-right: 2%;
    }
    .hr-my{
      color: #ffdc00;
      border-style:dotted;
    }
    .line-my{
      line-height: 0.8rem;
      }
    .look-more {
      margin-top:pxToRem(23px);
      font-size:$tipFontSize;
      font-weight:400;
      color:rgba(51,51,51,1);
      padding-top: pxToRem(26px);
      border-top:1px solid rgba(214,214,214,1);
      .icon-arrow {
        float:right;
        width:pxToRem(13px);
        height:pxToRem(26px);
        opacity:0.5;
        img {
          @include fullImg();
        }
      }
    }
  }
  h1 {
    font-size:pxToRem(30px);
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:pxToRem(40px);
  }
}

/*详情*/
.detail {
  padding:pxToRem(23px);
  .title {
    font-size: $titleServeFontSize;
    font-weight:bold;
    padding:0 pxToRem(20px);
    padding-bottom:pxToRem(10px);
    color:rgba(51,51,51,1);
  }
  .shortTitle{
    font-size: $defaultFontSize;
  }
  .date {
    padding:0 pxToRem(20px);
    font-size: $tipFontSize;
    font-weight:400;
    color:rgba(153,153,153,1);
  }
  .line {
    margin-top:pxToRem(15px);
    height:1px;
    background:rgba(214,214,214,1);
  }
  .cont-text {
    text-align: justify;
    text-justify: distribute-all-lines;
    user-select:text;
    padding-top:pxToRem(20px);
    line-height:2em;
    font-size:$titleFontSize;
    word-break: break-all;
    font-family: PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
    &.cont-text-video {
      font-family: inherit;
    }
    p {
      padding-bottom:1em;
      strong {
        //font-weight: bold !important;
      }
    }
    //新闻图片描述信息修改
    /deep/.zhy_news_img_title{
      font-size: 14PX !important;
      text-align: left !important;
      margin-bottom: 15PX !important;
      padding-bottom: 15PX;
      color: #999 !important;
      border-bottom: 3PX solid #f2f2f5;
      font-family: PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif !important;
      /*该处使用了阿里云上的css样式，防止以后出现类似问题*/
      /**{
        font-size: 14PX !important;
        text-align: left !important;
        font-family: PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif !important;
        color: #999 !important;
      }*/
    }
    * {
      user-select:text;
      font-size:$titleServeFontSize !important;
      //font-weight: normal !important;
      color:#333 !important;
    }

    img {
      max-width:100%;
      width:100%;
      float: left;
      margin-bottom: 0.5em;
    }
  }
}

/*滚动*/
.d-scroll {
  height: calc(100vh - #{pxToRem(60px)} - #{pxToRem(50px)});
}
.d-scroll-full {
  height: calc(100% - #{pxToRem(30px)});
}
.d-scroll-2head {
  height: calc(100vh - #{pxToRem($foot-height)} - #{pxToRem($head-height)} - #{pxToRem(130px)}) !important;
}
.d-scroll-3head {
  height: 1000PX !important;
}
.d-scroll-1head {
  height: calc(100vh - #{pxToRem(130px)}) !important;
}
.d-scroll-head {
  height: calc(100vh  - #{pxToRem($head-height)} + 10px) !important;
}
.d-scroll-head-menu {
  height: calc(100vh - 30px - #{pxToRem($head-height)} - #{pxToRem($head-height)}) !important;
}
/*列表图标按钮组*/
.icon-btns {
  display:flex;
  justify-content: space-around;
  flex-wrap: wrap;
  &.icon-btns-4 {
    .item {
      margin-bottom: 30px;
      .img {
        margin-bottom: 1px;
      }
    }
  }
  .item {
    position: relative;
    width:25%;
    flex-shrink:0;
    text-align: center;
    color:#333;
    .img {
      display:inline-block;
      width:pxToRem(100px);
      height:pxToRem(100px);
      margin-bottom:pxToRem(20px);
      img {
        @include fullImg();
      }
    }
    .text {
      display: block;
    }
    .icon-radio {
      position: absolute;
      right:10px;
      top:0;
    }
  }
}
/*图标九宫格*/
.list-icon-btns {
  .icon-btns {
    justify-content: space-between;
    flex-wrap: wrap;
    flex-shrink: 0;
    margin: pxToRem(10px);
    .item {
      margin-bottom:pxToRem(10px);
      background:#fff;
      width: pxToRem(236px);
      height: pxToRem(220px);
      display:flex;
      justify-content: center;
      align-items: center;
      flex-direction:column;
      .img {
        margin-bottom:pxToRem(14px);
      }
    }
  }
}
/*类图标九宫格*/
.list-icon-btns-nobg {
  .icon-btns {
    justify-content: space-between;
    flex-wrap: wrap;
    flex-shrink: 0;
    margin: pxToRem(10px);
    .item {
      margin-bottom:pxToRem(15px);
      margin-top:pxToRem(55px);
      background:#fff;
      width: 33%;
      display:flex;
      justify-content: center;
      align-items: center;
      flex-direction:column;
      .img {
        margin-bottom:pxToRem(10px);
      }
    }
  }
}

/*新闻列表*/
.news-list {
  margin-top:pxToRem(20px);
  .news-item {
    width:100%;
    overflow:hidden;
    border-radius:pxToRem(10px);
    font-size:$defaultFontSize;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:pxToRem(44px);
    margin-bottom:pxToRem(10px);
    padding:pxToRem(15px) pxToRem(30px);
    padding-left:pxToRem(60px);
    background: url("../../../static/images/dangjian/dangwu/icon-tz.png") #fff no-repeat 8px center;
    background-size:auto pxToRem(36px);
  }
}

/*块状菜单*/
.btn-menu {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: pxToRem(15px) pxToRem(20px);
  border-top: 1px solid rgba(208, 208, 208, 1);
  width: 100vw;
  overflow-x: scroll;

  li {
    white-space: nowrap;
    //width:20%;
    height: pxToRem(50px);
    line-height: pxToRem(50px);
    font-size: 15PX;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    border-radius: pxToRem(10px);
    padding: 0 18px;

    &.width-auto {
      width: auto;
    }

    > span {
      white-space: nowrap;
    }

    &.active {
      color: #fff;
      background: rgba(226, 0, 1, 1);
      border: 1px solid rgba(226, 0, 1, 1);
    }
  }
}

/*带图片的新闻列表*/
.list-news-img {
  margin-top:pxToRem(10px);
  &.list-block {
    .item {
      margin-bottom: pxToRem(10px);
      border:none;
    }
  }
  .item {
    padding:pxToRem(30px);
    border-bottom:1px solid rgba(208,208,208,1);
    display:flex;
    justify-content:space-between;
    background: #fff;
    align-items: center;
    .img {
      position:relative;
      overflow: hidden;
      width:pxToRem(180px);
      height:pxToRem(130px);
      background:none;
      border-radius:10px;
      flex-shrink:0;
      img {
        width:100%;
        position: absolute;
        z-index: 1;
        left:0;top:50%;
        //min-height:100%;
        transform:translateY(-50%);
        border-radius:10px;
      }
    }
    .cont {
      text-align: left;
      flex:1;
      margin-left: pxToRem(20px);
      .title {
        font-size:$titleFontSize;
        font-weight:normal;
        min-height:3em;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;

        // display: flex;
        justify-content: center;
        flex-direction: column;
      }
      .top-flag {
        color:$theme-color;
        padding-right:8px;
      }
      .tip {
        color:#999;
        display:flex;
        align-items: center;
        justify-content:space-between;
        .no-wrap {
          width:10ch;
          flex-shrink:0;
          &:last-child {
            width:8ch;
            text-align: right;
          }
        }
        .source {
          white-space: nowrap;
          width: calc(100vw - 250px - 80px - 20ch);
          flex-shrink: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          text-align: left;
          align-self: flex-start;
        }
      }
      .btn {
        font-size:$tipFontSize;
        border-radius:pxToRem(10px);
        line-height:pxToRem(40px);
        padding: 0 pxToRem(31px);
        font-weight:400;
        text-align: center;
        color:rgba(226,0,1,1);
        border:1px solid $theme-color;
      }
    }
  }
}
.cont {
  .title {
    position: relative;
    //max-height:3em;
    word-wrap:break-word;
    overflow:hidden;
    .hower{
      font-size: 16PX;
      font-weight: normal;
      /*min-height: 3em;*/
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      position: absolute;
      top:50%;
      transform: translateY(-50%);
    }
  }
}

/*一行两列、带图片的新闻列表*/
.list-news-img-two-col{
  margin-top:pxToRem(10px);
  &.list-block {
    .item {
      margin-bottom: pxToRem(10px);
      border:none;
    }
  }
  .item {

    margin:pxToRem(20px) 1.5% pxToRem(10px);
    background:rgba(255,255,255,1);
    box-shadow:0px pxToRem(5px) pxToRem(20px) 0px rgba(0,0,59,0.1);
    border-radius:pxToRem(10px);
    padding:pxToRem(20px);

    width: 47%;
    // border-bottom:1px solid rgba(208,208,208,1);
    float: left;
    /* display:flex;
    justify-content:space-between; */
    // background: #fff;
    .img {
      position:relative;
      overflow: hidden;
      width:100%;
      // height:pxToRem(120px);
      height: calc(47vw * 9 / 16);
      background:none;
      border-radius:10px;
      flex-shrink:0;
      img {
        width:100%;
        position: absolute;
        z-index: 1;
        left:0;top:50%;
        //min-height:100%;
        transform:translateY(-50%);
        border-radius:10px;
      }
    }
    .cont {
      text-align: left;
      .title {
        width: 60%;
        float: left;
        font-size:$titleFontSize;
        font-weight:normal;
        line-height: 38px;
        display: inline-block;
        white-space: nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        text-align: left;
      }
      .tip {
        width: 40%;
        float: right;
        text-align: right;
        color:#999;
        line-height: 38px;
      }
    }
  }
}

.block {
  background: #fff;
  box-shadow:0px pxToRem(5px) pxToRem(20px) 0px rgba(0,0,59,0.1);
  //border-radius:pxToRem(20px);
  //margin:pxToRem(20px) 12px;
  border-bottom:1px solid rgba(229,229,229,.7);
  overflow: hidden;
  &.visible {
    overflow: visible;
  }
  .title {
    font-size:$titleFontSize;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:60px;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    .input {
      margin:0 15px;
      input {
        margin:0;
        box-sizing: border-box;
        width:143px;
        height:60px;
        border:1px solid rgba(200, 200, 200, 1);
        border-radius:8px;
      }
    }
  }
  .big-textarea {
    textarea {
      height:810px;
      background:rgba(255,255,255,1);
      border:1px solid rgba(174, 174, 174, 1);
      border-radius:10px;
      font-size:12PX;
    }
  }
}

.center-img {
  position: relative;
  width:100%;
  height: pxToRem(10px);
  .inner {
    width:pxToRem(120px);
    height:pxToRem(120px);
    border-radius:100%;
    overflow: hidden;
    position: absolute;
    top:0;
    left:50%;
    transform: translate3d(-50%,-45%,0);
    img {
      @include fullImg();
    }
  }
}

/*底部操作*/
.foot-action {
  padding: pxToRem(0px) pxToRem(30px);
  position: fixed;
  bottom:0;
  width:100vw;
  left:0;
  z-index: 8;
  background:rgba(255,255,255,1);
  box-shadow:0px -5px pxToRem(20px) 0px rgba(0,0,59,0.1);
  .inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    .text {
      display:flex;
      justify-content:space-between;
      align-items:center;
      font-size: pxToRem(36px);
      color:rgba(153,153,153,1);
    }
    .full {
      flex:1;
      textarea {
        margin:auto;
        border-radius:10px;
        border-color:rgba(#000,.2);
        padding:5px 20px;
        line-height:40px;
        font-size:12PX;
      }
      input {
        border-radius:10px;
        border-color:rgba(#000,.2);
        line-height:80px;
        height:80px;
        padding:15px 20px;
        font-size:12PX;
        margin:0;
      }
    }
    .btn {
      width: pxToRem(258px);
      &.btn-small {
        margin-left:15px;
        .default-block-btn {
          height:80px;
          line-height:80px;
          box-shadow:none;
        }
        width: pxToRem(258px / 2);
      }
    }
    .input-wrap {
      position: relative;
      margin:20px 0;
      margin-right:15px;
      justify-content:space-between;
      align-items:center;
      //padding:10px;
      border:1px solid rgba(#000, .2);
      border-radius:10px;
      max-width: calc(100vw - 3*44px - 60px - 55px);
      input {
        border-radius:10px;
        padding:15px 20px;
        height:80px;
        line-height:80px;
        font-size:14PX;
      }
      .text-btn {
        padding:0px 20px;
        margin-left:10px;
        color:$theme-color;
        font-size:14PX;
        font-weight: bold;
      }
    }
    .icons-btn-wrap {
      padding-left:40px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      /*width: 3*44px + 100px ;*/
      flex-shrink:0;
      .icon {
         display:inline-block;
         width:44px;
         height:44px;
         flex-shrink:0;
         background:url('') no-repeat center;
         background-size: 100% 100%;
         position: relative;
         &+.icon {
           margin-left:30px;
         }
         .num {
           position: absolute;
           font-style: normal;
           top:-20px;
           right:-20px;
           border-radius:100%;
           background: $theme-color;
           color:#fff;
           padding:0 5px;
           min-width:2em;
           display:block;
           text-align: center;
           font-size:10PX;
         }
         &.icon-msg {background-image: url("../../../static/images/dangjian/home/news/icon-msg.png");}
         &.icon-comment {background-image: url("../../../static/images/dangjian/home/icon-comment.png");}
         &.icon-collection {background-image: url("../../../static/images/dangjian/home/news/icon-collection.png");
           &.icon-collectioned {
             background-image: url("../../../static/images/dangjian/home/news/icon-collection-press.png");
           }
         }
         &.icon-like {background-image: url("../../../static/images/dangjian/home/news/icon-like.png");
           &.icon-liked {background-image: url("../../../static/images/dangjian/home/news/icon-like-active.png");}
         }
         &.icon-share {background-image: url("../../../static/images/dangjian/home/news/icon-share.png");
          background-size: 85% 85%;
        }
       }
    }
  }
}
.echart {
  .item {
    text-align:center;
    z-index: 2;
    .title {
      justify-content:center;
      text-align:center;
    }
    .chart {
      pointer-events: none;
      canvas {
        margin-top: -30px;
        @include fullImg();
      }
    }
  }
}

/*红友圈*/
.user-header {
  padding:25px 30px;
  display:flex;
  justify-content: flex-end;
  align-items:center;
  .people-info {
    display:flex;
    justify-content: space-between;
    align-items:center;
    .name {
      font-size:36px;
      font-weight:400;
      padding-right:33px;
      color:rgba(255,255,255,1);
    }
    .avatar-img {
      width:118px;
      height:118px;
      //border:4px solid rgba(234, 118, 118, 1);
      border:none;
      border-radius:100%;
      @include imgFullCenter();
    }
  }
}
/*盆友圈内容*/
.circle-item {
  margin-bottom:10px;
  background:#fff;
  display:flex;
  justify-content: space-between;
  padding:10px 23px 10px 23px;
  .avatar-img {
    width:89px;
    height:89px;
    margin-right:21px;
    flex-shrink: 0;
    @include imgFullCenter();
  }
  .cont {
    .name {
      font-size:16PX;
      font-weight:bold;
      color:rgba(51,51,51,1);
      line-height:1.5em;
      margin-top: 3%;
    }
    .tip {
      font-size:12PX;
      font-weight:400;
      color:rgba(153,153,153,1);
    }
    .date-wrap {
      display:flex;
      justify-content: space-between;
      align-items:center;
      padding:0.2rem 0;
    }
    .text-wrap {
      //padding: 10px 0;
      word-break: break-all;
      font-size:16PX;
      font-weight:400;
      color:rgba(51,51,51,1);
      font-family: PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
    }
    .imgs {
      display:flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      .img {
        width:30%;
        background:$gray-color;
        font-size:0;
        margin-right:10px;
        margin-bottom:10px;
        img {@include fullImg();}
      }

    }
    .icon-live-msg {
      //padding:0 15px;
      width:36px;
      height:36px;
      img {@include fullImg();}
      .msg-all {
        font-size:13PX;
      }
    }
    .comment{
      border-radius:10px;
      color:rgba(153,153,153,1);
      background:rgba(243,243,245,1);
      padding:8px 10px;
      .like-wrap {
        height:40px;
        display:flex;
        justify-content:flex-start;
        align-items:center;
        font-size:$defaultFontSize;
        font-weight:400;
        font-family: PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
        .left{
          font-family: dang,PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
          //color:#5383E7;
          color:#333333;
          //font-weight: bold;
        }
        .center-new{
          >strong{
            font-family: dang,PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
            //color:#5383E7;
            color:#333333;
            font-weight: normal;
          }
        }
        .right{
          color:#333333;
        }
        /*.icon-like {
          display:block;
          width:33px;
          height:33px;
          margin-right:5px;
          img {@include fullImg();}
        }*/
      }
      .onPress{
        background: #ffffff;
      }
    }
  }
}

.cube-input {
  input {
    border:none;
    height:100%;
    margin:0;
    padding:20px;
  }
}

.line-input {
  border:none;
  margin:0;
  line-height:1.5;
  transition: height .3s;
  &:focus {
    min-height:6em;
  }
}
.line {
  margin-top:pxToRem(15px);
  height:1px;
  background:rgba(214,214,214,1);
}

.upload-wrap {
  display:inline-block;
  position: relative;
  .m-text {
    position: absolute;
    text-align: center;
    bottom:30px;
    left:0;right:0;
  }
}

.people-info-wrap {
  padding-left:37px;
  .people-info {
    display:flex;
    justify-content:flex-start;
    align-items: center;
    .avatar-img {
      width:112px;
      height:111px;
      @include imgFullCenter();
    }
    .text-wrap {
      padding-left:21px;
      .name {
        font-size:36px;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:60px;
      }
      .tip {
        font-size:$tipFontSize;
        font-weight:400;
        color:rgba(153,153,153,1);
      }
    }
  }
}
.change-avatar {
  margin:auto;
  width:287px;
  height:288px;
  border:2px solid rgba(255, 83, 83, 1);
  .inner {
    width:287px;
    height:288px;
    img {
      @include fullImg();
    }
  }
}

.input-row-wrap {
  font-size:14PX;
  .name {
    font-size:14PX;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:60px;
    .item {
      display: flex;
      background: #fff;
      align-items: center;
      justify-content: flex-end;
      padding-right: 2%;
      .img {
        width: 0.6rem;
        height: 0.6rem;
        display: block;
        margin-right: pxToRem(16px);
        margin-top: pxToRem(5px);

        img {
          @include fullImg();
        }
      }
    }
  }
  input,textarea {
    font-size:14PX;
    font-family: dang;
    padding:16px 21px;
    height:auto;
    background:rgba(255,255,255,1);
    border:1px solid rgba(89, 89, 89, 0.1);
    border-radius:10px;
    color:rgba(153,153,153,1);
    line-height: 1.5em;
  }
  .cube-select{
    height:auto;
    line-height: pxToRem(30px);
    padding:16px 21px;
    border-radius:10px;
  }
  .cube-select-placeholder{
    color:rgba(153,153,153,1);
    font-size:14PX;
  }
  .cube-select-text{
    font-size: 14PX;
  }
  .cube-checkbox_checked .cube-checkbox-ui i {
    color: #fc9153;
    -webkit-transform: scale(1.23);
    transform: scale(1.23);
    top: - pxToRem(7px);
  }
  .choose_but{
    display: inline-block;
    width: pxToRem(240px);
    height: pxToRem(60px);
    font-size:14PX;
    padding:16px 21px;
    background: #fb7c00;
    border-radius: 8PX;
  }
  .choose_text{
    line-height: pxToRem(60px);
    padding: 0 pxToRem(10px);
  }

}

.answer-wrap {
  font-size:16PX;
  display:flex;
  justify-content:space-between;
  align-items:center;
  &+.answer-wrap {
    margin-top:15px;
  }
  .input-wrap {
    flex:1;
    input,textarea {
      font-size:16PX;
      //line-height: 2em;
      border-radius:10px;
      margin:0;
      border-color:rgba(89, 89, 89, 0.1);
      &::placeholder {
        font-size:16PX;
      }
    }
    input {
      height:auto;
    }
  }
  .check-wrap {
    white-space: nowrap;
  }
}

/*内部输入宽无边框*/
.inner-noborder {
  .input-column-wrap,.input-row-wrap {
    input,textarea {
      border:none;
    }
  }
}

.input-column-wrap {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 0;
  &.flex-start {
    align-items: flex-start;
  }
  .name {
    min-width:7em;
    font-size:14PX;
    font-weight:400;
    color:rgba(51,51,51,1);
    text-align: right;
  }
  .value-wrap {
    flex:1;
  }
  .input-value {
    padding:16px 21px;
    flex:1;
    font-size:$defaultFontSize;
  }
  input {
    flex:1;
    padding:16px 21px;
    height:auto;
    font-size:14PX;
    font-family: dang;
    background:rgba(255,255,255,1);
    border:1px solid rgba(89, 89, 89, 0.1);
    border-radius:10px;
    color:rgba(153,153,153,1);
    line-height: 1.5em;
    margin:0;
    &.noborder {
      border:none;
    }
  }
  .input-wrap {
    flex:1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    .btn {
      margin-left:10px;
      text-align: center;
      width:115px;
      padding:16px 0;
      font-size:$tipFontSize;
      box-sizing: border-box;
      background:rgba(255,255,255,1);
      border:1px solid $theme-color;
      color:$theme-color;
      border-radius:10px;
    }
  }
}
.input-long-name-wrap {
  .input-column-wrap {
    .name {
      min-width:195px;
      white-space: nowrap;
    }
    .value-wrap {flex:1;}
  }
}
.input-generate-code {
  background:#fff;
  border-radius:10px;
  border:1px solid rgba(89,89,89,0.1);
  padding:0;
  input {
    border:none;
  }
  .generate-code {
    font-size:30px;
    font-weight:400;
    color:rgba(226,0,1,1);
    margin-left:10px;
    padding:0 20px;
  }
}

.person-head {
  padding:26px 30px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  .avatar {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    .avatar-img {
      width:118px;
      height:118px;
      border:4px solid rgba(255, 176, 176, 0);
      border-radius:100%;
      margin-right:23px;
      @include imgFullCenter();
    }
    .text-wrap {
      .name {
        font-size:16PX;
        font-weight:bold;
        color:rgba(51,51,51,1);
        line-height:50px;
      }
      .tip {
        font-size:$defaultFontSize;
        font-weight:400;
        color:rgba(153,153,153,1);
      }
      .data {
        font-size:$tipFontSize;
        font-weight:400;
        color:rgba(153,153,153,1);
        >span{
          font-size: 12PX;
        }
        >strong{
          color:#e20001;
          font-size: 14PX;
          font-weight: normal;
        }
      }
    }
  }
  .arrow {
    .icon-arrow {
      float:right;
      width:pxToRem(13px);
      height:pxToRem(26px);
      opacity:0.5;
      img {
        @include fullImg();
      }
    }
  }
}
.videos-wrap {
  padding:10px;
  .hd {
    display:flex;
    justify-content:space-around;
    align-items:center;
    text-align: center;
    padding:0.2rem 0;
    border-bottom:1px solid rgba(229,229,229,1);
    .item {
      text-align: center;
      flex:1;
      font-size:16PX;
      font-weight:bold;
      color:rgba(51,51,51,1);
      line-height:60px;
      &.active {
        color:#E20001;
      }
    }
    .line {
      width:1px;
      height:34px;
      background:rgba(209,209,209,1);
    }
  }
  .bd {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap: wrap;
    padding:22px 10px;
    .no-data {
      flex:1;
    }
    .video-item {
      width:32%;
      flex-shrink:0;
      margin-bottom:22px;
      height:340px;
      margin-left:2%;
      &:nth-child(3n + 1) {
        margin-left:0;
      }
      .img {
        background:$border-color;
        width:100%;
        height:300px;
        overflow:hidden;
        text-align: center;
        position: relative;
        img {
          position: absolute;
          width: 100%;
          //@include fullImg();
          height:auto;
          top:50%;
          left:0;
          transform:translateY(-50%);
        }
      }

      .name {
        display:block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width:100%;
      }
    }
  }
}
.top-menu {
  display: flex;
  justify-content: space-around;
  padding: pxToRem(10px) pxToRem(20px);
  background: rgba(255, 255, 255, 1);
  li {
    font-size: 16PX;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: pxToRem(60px);
    &.active {
      font-size: 16PX;
      border-bottom:2PX solid $theme-color;
      font-weight:bold;
      color:rgba(226,0,1,1);
    }
  }
}

/*评价*/
.appraise-item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid rgba(212,212,212,1);
  padding-bottom:32px;
  margin-bottom:32px;
  .name {
    font-size:30px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:60px;
  }
  .cont {
    display:flex;
    justify-content:space-between;
    align-items:center;
    .tip {
      .score-name {
        font-size:$defaultFontSize;
        color:#999999;
      }
      .score {
        font-size:30px;
        color:$theme-color;
      }
    }
    .btn {
      width:162px;
      margin-left:32px;
      text-align: center;
      font-size:28px;
      font-weight:400;
      color:$theme-color;
      line-height:60px;
      background:rgba(255,255,255,1);
      border:1px solid $theme-color;
      border-radius:10px;
    }
  }
}
.appraise-item-input {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:40px;
  .input-wrap {
    width:158px;
    height:60px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(200, 200, 200, 1);
    border-radius:8px;
    flex-shrink:0;
    box-sizing:border-box;
    overflow: hidden;
    input {
      line-height:60px;
      text-align: center;
      height:60px;
      border:none;
      width:100%;
      padding:0;
      margin:0;
    }
  }
  .text-wrap {
    .title {
      font-size:28px;
      font-weight:400;
      color:#333333;
    }
    .tip {
      font-size:$defaultFontSize;
      font-weight:400;
      color:#999999;
    }
  }
}

/*视频*/
.left-bar {
  position: fixed;
  z-index: 10;
  right:33px;
  top:50%;
  transform:translateY(-50%);
  .icon-img {
    width:54px;
    height:50px;
    img {
      @include fullImg();
    }
  }
  .icon-wrap {
    text-align: center;
    .text {
      font-size: 14PX;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:40px;
      margin-bottom:25px;
    }
  }
}
.upload-video {
  position: fixed;
  z-index: 10;
  left:50%;
  bottom:50px;
  width:144px;
  height:144px;
  transform:translateX(-50%);
  .img {
    @include fullImg();
    img {
      @include fullImg();
    }
  }
  .cube-upload {
    position:absolute;
    top:0;left:0;
    opacity:0;
  }
}
.video-wrap {
  $height: calc(100vh - #{$head-height*3} + 15px);
  height:$height;
  .video {
    position: relative;
    width:100vw !important;
    overflow: hidden;
    .video-title {
      color:#fff;
      font-size:$defaultFontSize;
      position:absolute;
      z-index: 9;
      width:40%;
      min-height:5em;
      left:20px;
      bottom:90px;
      .text {
        color:inherit;
        font-size:100%;
        .inner-text {
          font-size:100%;
          color:inherit;
        }
      }
    }
  }
  video {
    width:100vw !important;
    position:absolute;
    z-index:1 !important;
    left:0;
    top:50%;
    transform:translateY(-50%);
  }
}

//.problem-setting-btn {
//  position:fixed;
//  z-index:2;
//  right:20px;
//  bottom:140px;
//  width: pxToRem(150px);
//  height: pxToRem(150px);
//  line-height: pxToRem(164px);
//  background: linear-gradient(0deg, rgba(227, 2, 1, 1), rgba(255, 144, 0, 1));
//  box-shadow: 0px pxToRem(8px) pxToRem(24px) 0px rgba(151, 1, 0, 0.46);
//  border-radius: 50%;
//  color: #fff;
//  text-align: center;
//  font-size: pxToRem(31.46px);
//  margin: pxToRem(30px) auto;
//  float: right;
//  margin-right: 30px;
//  .text {
//    position: absolute;
//    top:50%;
//    left:50%;
//    transform:translate3d(-50%,-50%,0);
//    width:2em;
//    line-height:1.2em;
//    font-size:16PX;
//    font-weight:400;
//    color:rgba(255,255,255,1);
//  }
//}
.cube-scroll-nav-bar-items {
  .cube-scroll-nav-bar-item {
    font-size: 24px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 60px;
    padding: 0 15px;
  }
  .cube-scroll-nav-bar-item_active {
    border: none;
    span {
      font-weight: bold;
      color: rgba(229, 25, 26, 1);
    }
  }
}

/*弹窗的最外层*/
.dialog-wrap {
  position:fixed;
  z-index:100;
  left:0;right:0;bottom:0;top:0;
  background:#F5F5F5;
}
.inner-dialog-wrap {
  position:fixed;
  z-index:100;
  left:0;right:0;bottom:0;top:0;
  padding:20px;
  background:rgba(#000, 0.3);
  .dialog {
    position: absolute;
    width:90%;
    z-index:9;
    top:50%;
    left:50%;
    transform:translate3d(-50%,-50%,0);
  }
}

/*评价*/
.score-item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:30px 0;
  padding:0 20px;
  .text-wrap {
    margin-right:10px;
  }
  .title {
    line-height:29px;
    margin-bottom:15px;
    font-size:28px;
    font-weight:400;
    color:rgba(51,51,51,1);
  }
  .tip {
    font-size:20px;
    font-weight:400;
    color:rgba(153,153,153,1);
  }
  .input-wrap {
    input {
      width:158px;
      height:60px;
      line-height:60px;
      background:rgba(255,255,255,1);
      border:1px solid rgba(200, 200, 200, 1);
      border-radius:8px;
    }
  }
  .btn {
    width:162px;
    margin-left:32px;
    flex-shrink: 0;
    text-align: center;
    font-size:28px;
    font-weight:400;
    color:$theme-color;
    line-height:60px;
    background:rgba(255,255,255,1);
    border:1px solid $theme-color;
    border-radius:10px;
  }
}

/*banner*/
.home-banner-wrap {
  .swiper-container {
    height:100%;
    .swiper-slide {
      height:100%;
      .slide-img {
        width:100%;
        height: calc(100vw * 9 / 16);
        overflow: hidden;
        img {
          max-width:100%;
          width:100%;
          height:auto;
        }
      }
    }
  }
}

.list-table {
  padding:20px 0;
  .item {
    display:flex;
    justify-content: space-around;
    align-items:center;
    text-align: center;
    font-size:$defaultFontSize;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:60px;
    border-bottom:1px solid rgba(229,229,229,1);
    padding:15px 0;
    span {
      width:20%;
      flex-shrink:0;
      text-align: center;
    }
    .max-my{
      width: 60%;
    }
    .icon {

      img {
        width:46px;
        height:53px;
      }
    }
  }
  .red{
    color: #e20001;
    font-weight: bold;
  }
}
.cube-slide-group {
  width:100vw;
}
/*用户头像*/
.user-avatar {
  padding:35px 0 25px;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  .avatar {
    margin-right:32px;
    width:100px;
    height:100px;
    flex-shrink:0;
    border:none;
    //border:4px solid rgba(255, 176, 176, 1);
    @include imgFullCenter();
  }
  .info {
    h1 {
      font-size:36px;
      font-weight: bold;;
      color:rgba(51,51,51,1);
      line-height:50px;
    }
    .text {
      font-size:24px;
      font-weight:400;
      color:rgba(153,153,153,1);
    }
    .right {
      margin-right: 0.3rem;
      color: #D81E06;

      .icon-delete {
        display: inline-block;
        background: url('../../../static/images/dangjian/home/icon-delete-red.png') no-repeat center;
        width: 0.4rem;
        height: 0.4rem;
        background-size: 100% 100%;
        margin-right: 0.13333rem;
      }
    }
  }
}

.block-with-icon {
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  padding-bottom:38px;
  margin-bottom:35px;
  border-bottom:1px solid rgba(208,208,208,1);
  &:last-child {
    border:none;
  }
  .icon {
    font-style:normal;
    width:32px;
    height:32px;
    margin-right:18px;
    flex-shrink:0;
    line-height:32px;
    background:rgba(225,0,1,1);
    border-radius:10px;
    text-align: center;
    font-size:20px;
    font-weight:400;
    color:rgba(255,255,255,1);
    margin-right:18px;
  }
  h1.title {
    font-weight:bold;
    line-height:1.5em;
  }
  .title {
    display:flex;
    line-height:1em;
    justify-content:space-between;
    align-items:flex-start;
    font-size:28px;
    color:rgba(51,51,51,1);
    .tip {
      font-size:12PX;
      font-weight:400;
    }
  }
  .answer-text {
    margin-top:10px;
    font-size:28px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:46px;
  }
  .cont-flex {
    flex:1;
    display:flex;
    justify-content: space-around;
    align-items:center;
    .item {
      flex:1;
      text-align:center;
      &.active {
        .icon-appraise {
          background-image: url('../../../static/images/dangjian/home/appraise-active.png');
        }
        .text {
          color:$theme-color;
        }
      }
      .icon-appraise {
        width:75px;
        height:75px;
        background:url('../../../static/images/dangjian/home/appraise.png') no-repeat center;
        background-size: 100% auto;
        margin:auto;
        margin-bottom:25px;
      }
      .text {
        text-align:center;
        font-size:24px;
        font-weight:400;
        color:rgba(51,51,51,1);
      }
    }
  }
}

.list-phone {
  background: #fff;
  padding:30px 20px;
  .item {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid rgba(208,208,208,.6);
    &:last-child {
      border:none;
    }
    .avatar {
      width:92px;
      height:92px;
      border-radius:100%;
      overflow: hidden;
      margin-right:30px;
      img {
        @include fullImg();
      }
      @include imgFullCenter();
    }
    .text-wrap {
      flex:1;
      .flex {
        flex:1;
        display:flex;
        justify-content:space-between;
        align-items:center;
      }
      .title {
        font-size:30px;
        color:#333;
      }
      .tip {
        font-size:24px;
      }
    }
  }
}

/*留言列表*/
.live-msg-wrap {
  padding:0 20px;
  .delete-text {
    position: absolute;
    right:30px;
    top:20px;
  }
  .icon-time,.icon-up {
    display:inline-block;
    width:32px;
    height:32px;
    background: url('') no-repeat center;
    background-size: 100% 100%;
    margin-right:10px;
    position: relative;
    top:5px;
    &.icon-like {background-image: url("../../../static/images/dangjian/home/news/icon-like.png");
      &.icon-liked {background-image: url("../../../static/images/dangjian/home/news/icon-like-active.png");}
    }
  }
  .icon-time {
    background-image: url('../../../static/images/dangjian/home/icon-time.png');
  }
  .icon-question {
    background-image: url('../../../static/images/dangjian/home/icon-question.png');
  }
  .icon-up {
    background-image: url('../../../static/images/dangjian/home/icon-up.png');
  }
  .user-avatar {
    padding:20px;
    .head-my{
      font-size: 16PX;
      display: flex;
      justify-content: space-between;
      width: 100%;
      .info {
        h1 {
          font-size: 16PX;
          font-weight: bold;
        }
      }

      .right {
        margin-right: 0.3rem;
        color: #D81E06;

        .icon-delete {
          display: inline-block;
          background: url('../../../static/images/dangjian/home/icon-delete-red.png') no-repeat center;
          width: 0.4rem;
          height: 0.4rem;
          background-size: 100% 100%;
          margin-right: 0.13333rem;
        }
      }
      .right-one{
        margin-right: 0.3rem;
        color: #D81E06;
      }
    }

  }
  .live-msg {
    padding-left:15px;
    font-size: 16PX;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    white-space: normal;
    word-break: break-all;
    font-family: PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
  }
  .card-foot {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px;
    //margin-top:15px;
    //border-top:1px solid rgba(229,229,229,.7);
    font-size:12PX;
    font-weight:400;
    color:rgba(153,153,153,1);
    .text {
      font-size:inherit;
    }
    .right{
      display: flex;
      width: 40%;
      justify-content: space-around;
      .support{
        display: flex;
        align-items: center;
        .icon-comment {
          display: inline-block;
          background: url('../../../static/images/dangjian/home/icon-comment.png') no-repeat center;
          width: 0.4rem;
          height: 0.4rem;
          margin-right: 0.2rem;
          background-size: 100% 100%;
        }
      }
    }
  }
  .split-my {
    padding: 0 0.05rem 0 0.3rem;
    width: 100%;
    font-size: 12PX;
    color: #999;
    display: flex;
    align-items: center;
    padding-bottom: 0.2rem;
    .split-inner{
      width: 1rem;
      border-bottom: 2px solid #d0d0d0;
      height: 0px;
    }
    .middle{
      font-size: 12PX;
      padding: 1%;
    }
    .icon-triangle-down {
      display: inline-block;
      background: url('../../../static/images/dangjian/home/icon-triangle-down.png') no-repeat center;
      width: 0.3rem;
      height: 0.3rem;
      background-size: 100% 100%;
      margin-right: 0.13333rem;
    }
    .icon-triangle-up {
      display: inline-block;
      background: url('../../../static/images/dangjian/home/icon-triangle-up.png') no-repeat center;
      width: 0.3rem;
      height: 0.3rem;
      background-size: 100% 100%;
      margin-right: 0.13333rem;
    }
  }
  .recomment-my-j {
    border-top: 1px solid #d0d0d0;
    font-size: 16PX;
    padding: 0 0.3rem 0 0.8rem;
    .span-my{
      user-select:text;
      font-size: 16PX;
      word-wrap: break-word;
      word-break: normal;
      color: #333333;
      font-family: PingFang SC, miui, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif !important;
    }
    .title {
      margin: 0.2rem 0;
      .arrow_left {
        display: inline-block;
        background: url('../../../static/images/icon-right.png') no-repeat center;
        width: 0.4rem;
        height: 0.3rem;
        background-size: 100% 100%;
        margin: 0 0.1rem;
      }
    }
    .head-my {
      font-size: 16PX;
      display: flex;
      justify-content: space-between;
      width: 100%;
      .right {
        margin-right: 0.3rem;
        color: #D81E06;

        .icon-delete {
          display: inline-block;
          background: url('../../../static/images/dangjian/home/icon-delete-red.png') no-repeat center;
          width: 0.4rem;
          height: 0.4rem;
          background-size: 100% 100%;
          margin-right: 0.13333rem;
        }
      }
      .right-one{
        margin-right: 0.3rem;
        color: #D81E06;
      }
    }
    .text {
      font-size: 12PX;
      display: flex;
      justify-content: space-between;
      color: #999999;
      margin: 0.2rem 0;
      font-family: dang;
      .right-my {
        display: flex;
        justify-content: space-around;
        width: 40%;

        .support {
          display: flex;
          align-items: center;

          .icon-like {
            display: inline-block;
            background: url('../../../static/images/dangjian/home/news/icon-like.png') no-repeat center;
            /*background: url('../../../../static/images/dangjian/home/news/icon-flower.png') no-repeat center;*/
            width: 0.4rem;
            height: 0.4rem;
            background-size: 100% 100%;
            margin-right: 0.13333rem;
          }

          .icon-licked {
            display: inline-block;
            background: url('../../../static/images/dangjian/home/news/icon-like-active.png') no-repeat center;
            /*background: url('../../../../static/images/dangjian/home/news/icon-flower-red.png') no-repeat center;*/
            width: 0.4rem;
            height: 0.4rem;
            background-size: 100% 100%;
            margin-right: 0.13333rem;
          }

          .icon-comment {
            display: inline-block;
            background: url('../../../static/images/dangjian/home/icon-comment.png') no-repeat center;
            width: 0.4rem;
            height: 0.4rem;
            background-size: 100% 100%;
            margin-right: 0.13333rem;

            &:hover {
              opacity: .8;
            }

            &.open {
              width: 200px;
              height: 80px;
              font-size: 16px;
              background-color: orange;
              color: #fff;
            }

            &.try {
              width: 100px;
              height: 40px;
              background-color: green;
              color: #fff;
              margin-top: 50px;
            }
          }
        }
      }
    }
  }
}

/*start 学习问答*/
.project-tip {
  font-size:16PX;
  font-weight:400;
  color:rgba(51,51,51,1);
  padding:0 40px;
}
.exam-wrap {
  padding:22px;
  .exam-item {
    .organization-lists-title {
      font-size:18PX;
      font-weight:400;
      font-family: PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
      color:rgba(51,51,51,1);
      padding-bottom:25px;
      margin-bottom:25px;
      border-bottom:1px solid rgba(208,208,208,1);
      p {
        color:inherit;
        font-size:inherit;
        padding-top:10px;
      }
    }

    .text-wrap {
      display:flex;
      justify-content:space-between;
      align-items: flex-start;
      .index {
        .icon-text {
          display:block;
          text-align: center;
          width:pxToRem(32px);
          height:pxToRem(32px);
          line-height:pxToRem(32px);
          background:rgba(226,0,1,1);
          border-radius:pxToRem(10px);
          margin-right:pxToRem(16px);
          margin-top:5px;
          color:#fff;
        }
      }
      .subject-title {
        font-size:$titleFontSize;
        font-weight:normal;
        color:rgba(51,51,51,1);
        padding-bottom:20px;
        margin-bottom:20px;
        border-bottom:1px solid rgba(208,208,208,1);
      }
      .right-answer {
        font-size: 18PX;
        color:$theme-color;
        margin-bottom:10px;
      }
      .cont-wrap {
        flex:1;
      }
      .answer-notice-lists {
        margin-bottom:30px;
      }
    }
  }
  .answer-value {
    font-size:18PX !important;
    line-height:1.2em;
    font-weight:400;
    color:rgba(51,51,51,1);
  }
}

.learn-wrap {
  padding:30px;
  .learn-cont {
    text-align: justify;
    text-justify: distribute-all-lines;
    min-height:510px;
    padding-left:30px;
    line-height:1.8em;
    font-size:18PX;
    border-left:8px solid $theme-color;
    font-family: PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
  }
}
/*end 学习问答*/


.props {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px;
  box-shadow:0px 15px 20px 0px rgba(0,0,59,0.1);
  .line {
    width:1px;
    height:62px;
    background:rgba(209,209,209,1);
  }
  .item {
    flex:1;
    .name {
      font-size:20px;
      font-weight:400;
      color:rgba(153,153,153,1);
    }
    .value {
      font-size:24px;
      font-weight:bold;
      color:rgba(51,51,51,1);
      line-height:50px;
      img.more {
        width:49px;
      }
    }
  }
}

.radio-group {
  .cube-radio-group {
    border:none;
    &::before,&::after {
      border:none !important;
      content:'';
    }
  }
}
.cube-checkbox-ui {
  height:1.2em;
}

/*start cubeui 弹窗*/
.cube-dialog {
  .cube-dialog-main {
    width: 90vw;
    .cube-dialog-title {
      .cube-dialog-title-def {
        padding: 0; margin: 0;
        height: 90px;
        line-height: 90px;
        background: rgba(241, 241, 241, 1);
        border-radius: 10px 10px 0px 0px;
        font-size: $bigFontSize;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
      }
    }
    .cube-dialog-content {
      font-size: 16PX;
      color: black;
      padding: 0.13333rem;
      font-size: 16PX;
      white-space: normal;
      word-break: break-all;
      text-align: justify;
      overflow-y: auto;
      overflow-x: auto;
      max-height: 11rem;
    }
    .cube-dialog-content-def {
      font-size: $defaultFontSize;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
      line-height: 56px;
      input.cube-input-field {
        font-size:inherit;
        &::placeholder {
          font-size:inherit;
        }
      }
      & > p {
        font-size: $titleFontSize;
      }
    }
  }
}
.cube-dialog .cube-dialog-main .cube-dialog-title .cube-dialog-title-def {
  height:auto;padding: 0 15px;white-space: normal;
}
/*end cubeui 弹窗*/

/*start 列表功能*/
.list-action {
  background:#fff;
  position:relative;
  border-radius:15px;
  li {
    position:relative;
    display: flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid $border-color;
    &:last-child {
      border:none;
    }
    &::after {
      position:absolute;
      top:50%;
      right:20px;
      transform:translateY(-50%);
      content:'';
      width: pxToRem(16px);
      height: pxToRem(25px);
      background:rgba(199,199,204,1);
      background: url("../../../static/images/dangjian/dangwu/arrow-left.png") no-repeat center;
      background-size: auto 100%;
    }
  }
  .item {
    position:relative;
    display: flex;
    justify-content:flex-start;
    align-items:center;

    .img {
      display:block;
      width:56px;
      height:56px;
      margin: 15px;
      img {
        @include fullImg();
      }
      @include imgFullCenter();
    }
    .text {
      font-size:15PX;
      color:rgba(14,14,14,1);
    }
  }

}
/*end 列表功能*/
.water-logo {
  text-align: center;
  padding:50px;
  img {
    opacity:1;
  }
}

.css3-notification {
  -webkit-animation: bounce 1800ms ease-out;
  -moz-animation: bounce 1800ms ease-out;
  -o-animation: bounce 1800ms ease-out;
  animation: bounce 1800ms ease-out;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform:translate3d(-50%,-100%,0);
    opacity: 0;
  }
  5% {
    -webkit-transform:translate3d(-50%,-100%,0);
    opacity: 0;
  }
  15% {
    -webkit-transform:translate3d(-50%,-50%,0);
  }
  30% {
    -webkit-transform:translate3d(-50%,-60%,0);
  }
  40% {
    -webkit-transform:translate3d(-50%,-50%,0);
  }
  50% {
    -webkit-transform:translate3d(-50%,-60%,0);
  }
  70% {
    -webkit-transform:translate3d(-50%,-50%,0);
  }
  80% {
    -webkit-transform:translate3d(-50%,-60%,0);
  }
  90% {
    -webkit-transform:translate3d(-50%,-50%,0);
  }
  95% {
    -webkit-transform:translate3d(-50%,-60%,0);
  }
  97% {
    -webkit-transform:translate3d(-50%,-50%,0);
  }
  99% {
    -webkit-transform:translate3d(-50%,-50%,0);
  }
  100% {
    -webkit-transform:translate3d(-50%,-50%,0);
    opacity: 1;
  }
}

.answer-notice-lists .mui-radio.mui-left label, .answer-notice-lists .mui-checkbox.mui-left label {
  padding-left:30PX;
}
.mui-radio input[type='radio'][disabled]:before, .mui-checkbox input[type='checkbox'][disabled]:before {
  opacity: 1;
}
.types-lists .mui-checkbox.mui-left input[type='checkbox']:before, .types-lists .mui-radio.mui-left input[type='radio']:before {
  font-size:24PX;
  color:$theme-color !important;
}

textarea {
  &.on-focus {
    min-height: 5em;
  }
}
.live-msg-btn-wrap {
  .cube-swipe-btns .cube-swipe-btn {
    margin:20px 0;
  }
}

.cube-radio-group[data-horz="true"]::after, .cube-radio-group[data-col="true"]::after {
  border:1PX solid rgba(204, 204, 204, 0.5);
}

.long-tip {
  font-size:$defaultFontSize;
}

.list-file {
  padding:0 20px;
  .item {
    border-bottom:1px $border-color dashed;
    padding:20px;
    font-size:$defaultFontSize;
  }
}
.cube-radio-label, .cube-checkbox-input {
  font-size:$defaultFontSize;
}

.cube-radio-ui {
  font-size:16PX;
  margin-top:-5px;
  &::before {
    font-size:16PX;
    margin-top:-5px;
  }
}
/*阿里视频播放器*/
.video-player {
  .prism-controlbar {
    transform:translateY(-100%);
  }
}
.prism-player .prism-controlbar .prism-controlbar-bg {
  background: rgba(75,75,75,.15);
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
/*douyin页播放器*/
.videoItem,.single-video{
  .prism-controlbar {
    transform:translateY(0%);
  }
}
/*视频插件*/
.xgplayer-skin-default .xgplayer-rotate {
  display:none !important;
}

.xgplayer-is-fullscreen.xgplayer-skin-default {
  .xgplayer-controls {
    transform:translateY(-100%);
  }
 /*.xgplayer-controls {
    transform: rotate(90deg);
    right: 0;
    bottom: 100vh;
    width: 100vh;
    transform-origin: 0 100%;
    padding: 0 50px;
  }*/
 /* .xgplayer-progress {
    padding: 0 50px;
  }
  .xgplayer-start {
    transform: rotate(90deg);
  }*/
}
/*贵阳组工信息*/
.group-info {
  background: #fff;
  box-shadow:0px pxToRem(5px) pxToRem(20px) 0px rgba(0,0,59,0.1);
  border-radius:pxToRem(20px);
  margin:pxToRem(20px) 12px;
  overflow: hidden;
  color:#333333;
  padding:20px;
  .title {
    padding-top:37px;
    //font-size:72px;
    font-size:56px;
    font-weight:bold;
    color:rgba(226,0,1,1);
    line-height:138px;
    text-align: center;
    //letter-spacing:25px;
    letter-spacing:12px;
  }
  .no {
    text-align: center;
    font-size:$defaultFontSize;
    color:#333333;
    padding-bottom:10px;
    p {
      font-size:inherit;
    }
  }
  .group-name-line {
    margin-top:35px;
    font-size:$defaultFontSize;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:44px;
    border-bottom:3px solid $theme-color;
    display:flex;
    justify-content: space-between;
    .date {
      font-size:$defaultFontSize;
    }
  }
  .list-name {
    height:34px;
    font-size:18PX;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:44px;
    text-align: center;
    margin:36px auto;
  }
  .list-name-wrap {
    font-size:$titleFontSize;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:60px;
    .item {
      margin-bottom:35px;
      position: relative;
      padding-left:20px;
      text-decoration:underline;
      text-decoration-color: #dddddd;
      &:after {
        content:'';
        display:block;
        width:10px;
        height:10px;
        border-radius:100%;
        background:#333;
        position: absolute;
        top:50%;
        left:0;
        transform:translateY(-50%);
      }
      &.has-children {
        font-weight:bold;
        text-decoration:none;
        &:after {
          display:none;
        }
        .list-name-wrap {
          padding-top:30px;
        }
      }
    }
  }
}

.write-block {
  margin-top:10px;
  input {
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border: 1px solid #333;
    padding:0;
    font-size: 16PX;
    font-weight: bold;
  }
  &.error {
    input {
      border-color:$theme-color;
      color: $theme-color;
    }
  }
  &.right {
    input {
      border-color: green;
      color: green;
    }
  }
  & + .write-block {
    margin-left:10px;
  }
}

/*start 示范点*/
.demo-site {
  display:flex;
  justify-content: flex-start;
  margin:10px;
  flex-wrap:wrap;
  .item {
    width:50%;
    flex-shrink:0;
    padding:0 5px;
    margin-bottom:30px;
    .img-wrap {
      //height:263px;
      height: calc((50vw - 40px) * 11 / 16);
      background:rgba(139,121,121,1);
      border-radius:7px;
      overflow: hidden;
      position: relative;
      img {
        width:100%;
        height:auto;
        transform:translateY(-50%);
        position: absolute;
        top:50%;
        left:0;
        z-index: 1;
      }
      .sign-wrap {
        position: absolute;
        z-index: 2;
        bottom:0;
        left:0;
        right:0;
        border-bottom:4px solid $theme-color;
        .text {
          padding:3px 8px;
          line-height: 1.3em;
          border-radius:7px 7px 0 0;
          background: $theme-color;
          color:#fff;
          font-size:14PX;
          white-space: nowrap;
          font-weight:normal;
          color:rgba(255,255,255,1);
          overflow: hidden;
          text-overflow: ellipsis;
          display:inline-block;
          position: absolute;
          left:0;
          bottom:0;
        }
      }
    }
    .title {
      line-height:1.5em;
      font-size:$titleFontSize;
      font-weight:normal;
      color:rgba(33,33,33,1);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin:10px 0;
    }
    .ft {
      display:flex;
      justify-content: space-between;
      .look {
        font-size:14PX;
        line-height:27px;
        font-weight:400;
        color:rgba(135,135,135,1);
        display:flex;
        justify-content: space-between;
        align-items: center;
        .icon {
          width:27px;
          height:27px;
          overflow: hidden;
          position: relative;
          margin-right:10px;
          img {
            position: absolute;
            width:100%;
            height:auto;
            top:50%;
            transform:translateY(-50%);
          }
        }
      }
    }
  }
}
/*end 示范点*/

/*start 支部荣耀*/
.week-top {
  width:100%;
  height:71px;
  background:url('../../../static/images/dangjian/home/workingTrends/week-top-bg.png') no-repeat center;
  background-size: cover;
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
  .icon-text {
    width:2em;
    font-size:12PX;
    line-height: 1.1em;
    word-break: break-all;
    color:rgba(255,255,255,1);
  }
  .icon {
    width:59px;
    height:49px;
    margin:0 10px;
    img {
      width:100%;
      height:auto;
    }
  }
  .title {
    font-size:16PX;
    font-weight:normal;
    padding-left:10px;
    color:rgba(255,255,255,1);
  }
  .btn-up {
    position: absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    height:40px;
    background:rgba(255,255,255,1);
    border:2px solid rgba(255, 255, 255, 1);
    border-radius:5px;
    .inner {
      padding:5px 10px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      height:inherit;
      color: $theme-color;
      .text {
        padding-left:5px;
        font-size:14PX;
      }
    }
    img {
      height:14PX;
    }
  }
}
.demo-honor {
  background:url(../../../static/images/dangjian/home/workingTrends/demo-honor-bg.png) repeat-y center;
  display:flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding:20px;
  .item {
    width:50%;
    flex-shrink:0;
    .honor-wrap {
      background:url(../../../static/images/dangjian/home/workingTrends/bracket-block.png) no-repeat center;
      background-size:cover;
      width:320px;
      height:222px;
      padding:10px;
      margin:auto;
      img {
        width:100%;
        height:auto;
        max-height:100%;
      }
    }
  }
  .bracket {
    width:100%;
    flex-shrink:0;
    height:46px;
    background:url(../../../static/images/dangjian/home/workingTrends/bracket.png) no-repeat center;
    background-size:cover;
  }
}
.more {
  font-size:16PX;
  font-weight:normal;
  color:rgba(75,38,22,1);
  width:100%;
  height:64px;
  line-height:64px;
  background:rgba(213,213,213,1);
  text-align: center;
}
/*end 支部荣耀*/

/*新闻列表 底部图标*/
.list-news-img-icon {
  margin-top:pxToRem(10px);
  &.list-block {
    .item {
      margin-bottom: pxToRem(10px);
      border:none;
    }
  }
  .item {
    padding:pxToRem(30px);
    border-bottom:1px solid rgba(208,208,208,1);
    display:flex;
    justify-content:space-between;
    background: #fff;
    .img {
      position:relative;
      overflow: hidden;
      width:pxToRem(180px);
      height:pxToRem(120px);
      background:none;
      border-radius:10px;
      flex-shrink:0;
      img {
        width:100%;
        position: absolute;
        z-index: 1;
        left:0;top:50%;
        //min-height:100%;
        transform:translateY(-50%);
        border-radius:10px;
      }
    }
    .cont {
      text-align: left;
      flex:1;
      margin-left: pxToRem(20px);
      .title {
        font-size:$titleFontSize;
        font-weight:normal;
        min-height:3em;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      .ft {
        display:flex;
        justify-content: space-between;
        .look {
          font-size:14PX;
          line-height:27px;
          font-weight:400;
          color:rgba(135,135,135,1);
          display:flex;
          justify-content: space-between;
          align-items: center;
          .icon {
            width:27px;
            height:27px;
            overflow: hidden;
            position: relative;
            margin-right:10px;
            img {
              position: absolute;
              width:100%;
              height:auto;
              top:50%;
              transform:translateY(-50%);
            }
          }
        }
      }
    }
  }
}

.cube-image-preview-header {
  top:unset !important;
  bottom:0;
  .image-preview-custom-header {
    line-height: 2em;
    color: #fff;
    font-size: 16PX;
    text-align: center;
  }
}

.cube-image-preview-footer {
  text-align: center;
  .cube-image-preview-counter {display:none;}
  .view-img-download {
    border: 1px solid #fff;
    border-radius: 0.06667rem;
    text-align: center;
    margin: auto;
    display: inline-block;
    padding: 0.06667rem 0.4rem;
    color: #E20001;
    background: #fff;
    margin-bottom: 0.06667rem;
    margin-bottom: 20%;
  }
}

/*start 音频列表*/
.audio-list {
  .item {
    font-size: 14PX;
    padding:10px;
    border-bottom:1px solid $border-color;
    padding-bottom:0px;
    margin-bottom:20px;
    &.color-red {
      .title {
        color:$theme-color;
      }
    }
    .title {
      overflow: hidden;
      white-space:nowrap;
      text-overflow: ellipsis;
      display:block;
    }
    .tip-wrap {
      color:$tip-color;
      font-size:14PX;
      margin-top:0;
      .play-tip,.time-tip {
        padding-left:25px;
        background:url('../../../static/images/dangjian/home/videoDetail/icon-play.png') no-repeat left center;
        background-size:auto 18px;
      }
      .time-tip {
        background-image:url('../../../static/images/dangjian/home/videoDetail/icon-time.png');
        margin-left:30px;
        background-size:auto 22px;
      }
    }
  }
}
/*end 音频列表*/

.prism-setting-cc,.prism-setting-audio,.prism-setting-quality,.prism-cc-btn {
  display: none;
}

/*线上导览*/
.onlineObservation {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url('../../../static/images/dangjian/home/guide-bg.png') no-repeat;
  background-size: 100% 100%;
  div {
    position: absolute;
  }
  .vegetables {
    width: 3.6rem;
    height: 3.35rem;
    background: url('../../../static/images/dangjian/home/vegetables.png') no-repeat;
    background-size: 100% 100%;
    left: 1%;
    top: 29%;
  }
  .tigerhill {
    width: 3.9rem;
    height: 3.43rem;
    background: url('../../../static/images/dangjian/home/teaexpo.png') no-repeat;
    background-size: 100% 100%;
    top: 44%;
    right: 6%;
  }
  .orchard {
    width: 3.6rem;
    height: 3.4rem;
    background: url('../../../static/images/dangjian/home/orchard.png') no-repeat;
    background-size: 100% 100%;
    top: 50%;
    left: 63px;
  }
  .teaexpo {
    width: 3.6rem;
    height: 2.68rem;
    background: url('../../../static/images/dangjian/home/tigerhill.png') no-repeat;
    background-size: 100% 100%;
    top: 69%;
    right: 3.8rem;
  }
}
/*线上观摩弹窗*/
.ob-dialog {
  .cont {
    padding: 0 !important;
    .hd {
      height: 90px;
      background: #F1F1F1;
      border-radius: 10px 10px 0px 0px;
      font-size: 16PX !important;
      font-weight: bold !important;
      color: #E20002 !important;
      padding: 0 30px;
      span {
        font-weight: bold;
      }
      .close {
        transform: rotate(0deg) !important;
        background: url('../../../static/images/dangjian/home/cancel.png') no-repeat;
        background-size: 100% 100%;
        i {
          width: 0 !important;
          height: 0 !important;
        }
      }
    }
    .line {
      height: 0 !important;
      margin: 0 !important;
    }
    .bd {
      .main-dialog {
        margin: 20px 20px 0;
      }
      .radio {
        position: relative;
        width: 100%;
        height: 377px;
        background: #000000;
        border: 1px solid #CECECE;
        border-radius: 4px;
        margin: 0 auto;
        .play {
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          left: 50%;
          width: 93px;
          height: 93px;
          background: url('../../../static/images/dangjian/home/play.png') no-repeat;
          background-size: 100% 100%;
        }
      }
      .introduce {
          text-indent: 2em;
          padding: 20px 10px 30px;
          font-size: 14PX;
          font-weight: 400;
          color: #343434;
          line-height: 56px;
      }
    }
  }
  .footer-dialog {
    display: flex;
    height: 125px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    justify-content: space-around;
    align-items: center;
    padding: 0 20px;
    div {
      width: 269px;
      height: 70px;
      border-radius: 10px;
      font-size: 16PX;
      text-align: center;
      line-height: 70px;
      img {
        margin-left: 25px;
        width: 30px;
        height: 30px;
        vertical-align: text-top;
      }
    }
    .good-btn {
      color: #343434;
      background: #FFFFFF;
      border: 1px solid #CDCDCD;
      &.active {
        color: #E20002;
        border: 1px solid #E20002;
      }
    }
    .signin-btn {
      color: #FFFFFF;
      background: linear-gradient(0deg, #E61202, #FE8E00);
      box-shadow: 1px 10px 10px 0px rgba(232, 28, 2, 0.5);
      &.active {
        box-shadow: none;
        background: #A8A8A8;
      }
    }
  }
}
/*播报的样式*/
.horn-my{
  display: flex;
  align-items: center;
  color:#e20001;
  .icon-horn{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url('../../../static/images/icon-horn.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 7px;
  }
  .icon-pause{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url('../../../static/images/icon-pause.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 7px;
  }
}
.icon-horn-write{
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: url('../../../static/images/icon-horn-write.png') no-repeat;
  background-size: 100% 100%;
  margin-right: 7px;
}
.icon-pause-write{
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: url('../../../static/images/icon-pause-write.png') no-repeat;
  background-size: 100% 100%;
  margin-right: 7px;
}
.broadcast-top-my{
  position: absolute;
}
/*播报结束*/

